<div id="header" class="align_center clearfix">
    <h1>
        <a href="<?php echo url_for('/'); ?>" title="EEL Inc Distribution">
            <img src="/images/logo.png" alt="EEL Inc Distribution"/>
        </a>
    </h1>
    <div id="searchform">
            <div class="searchform_bg">
                <input id="s" type="text" onfocus="this.value=(this.value=='Search...') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Search...' : this.value;" value="Search..." />
            </div>
            <input class="button" type="button" value="Go" title="Go" onclick="search()" />
    </div>
</div>
<div class="colmask leftmenu">
    <div class="colleft">
        <div class="col1">
            <div class="nav_above">
                <div class="selection_area">
                    <?php include_partial('index/perType',array('productTypeList'=>$productTypeList))?>
                    <?php include_partial('index/perPage')?>
                </div>
                <div class="pagenavi"> </div>
            </div>
            <div class="breadcrumb" id="breadcrumb">&nbsp;</div>
            <div class="checkbox_bar">
                <span class="select_to">Select to</span>
                <span class="download_btn">
                    <a href="#download_content" class="inline" onclick="productDownload(0)">Download</a>
                </span>
                <span class="how_to_des">
			    	<a href="#how_to_download" class="inline">How to download?</a>
			    </span>
                <div class="checkbox">
                    <input type="button" name="Check_All" value="Check All"
                    onClick="CheckAll(document.myform.check_list)" />
                    <input type="button" name="Un_CheckAll" value="Uncheck All"
                    onClick="UnCheckAll(document.myform.check_list)" />
                    <input name="button" onclick="Invers()" type="button" value=" Invert" />
                </div>
            </div>
            <div class="download_list">
                <form name="myform" action="" method="post">
                <ul id="items-content">
					<div class="home_des">
						<p>Welcome to the EEL Image database. Please select a brand from the left. </br> If you require any assistance, please click '<a class="inline" href="#how_to_download">How to Download</a>' or email us directly at <a href="mailto:info@eeldatabase.com">info@eeldatabase.com</a></p> 
					</div>
                </ul>
                </form>
            </div>
            <div class="checkbox_bar check_bar_bottom">
                <span class="select_to">Select to</span>
                <span class="download_btn">
                    <a href="#download_content" class="inline" onclick="productDownload(0)">Download</a>
                </span>
                <span class="how_to_des">
			    	<a href="#how_to_download" class="inline">How to download?</a>
			    </span>
                <div class="checkbox">
                    <input type="button" name="Check_All" value="Check All"
                    onClick="CheckAll(document.myform.check_list)" />
                    <input type="button" name="Un_CheckAll" value="Uncheck All"
                    onClick="UnCheckAll(document.myform.check_list)" />
                    <input name="button" onclick="Invers()" type="button" value=" Invert" />
                </div>
            </div>
            <div class="nav_bottom">
                <div class="pagenavi">
                    &nbsp;
                </div>
            </div>
        </div>
        <div class="col2">
            <h2>CATEGORIES</h2>
            <ul id="category-content"> </ul>
        </div>
    </div>
</div>
<div id="footer" class="align_center">
    ©2011 Electric Lingerie All rights reserved
</div>
<div style="display: none;">
    <div id="download_content" style="width:380px;height:160px;overflow:auto;">
        <span>Please select the type of files you'd like to download.</span>
        <div class="download_type" id="download_type">

        </div>
    </div>
</div>
<div style="display: none;">
	<div id="how_to_download" style="width:520px;height:360px;overflow:auto;">
		<ul>
			<li>To download individual files:
				<ul>
					<li>1. Use Category menu on the left to navigate to the brand / product category of images</li>
					<li>2. Click on either Thumbnail or Product name</li>
					<li>3. Select which format or resolution</li>
					<li>4. Click Download button to download</li>
				</ul>
			</li>
			<li>To download as a batch:
				<ul>
					<li>1. Use Category menu on the left to navigate to the brand / product category of images</li>
					<li>2. Click on the checkboxes below products that you'd like to download images of</li>
					<li>3. Click on Download button in the Header/Footer</li>
					<li>4. Select which format or resolution</li>
					<li>5. Click Download button to download</li>
				</ul>	
			</li>
			<li>Please contact us at <a href="mailto:info@eeldatabase.com" title="Email to info@eeldatabase.com">info@eeldatabase.com</a> for any enquiries.</li>
		</ul>
	</div>
</div>
<div style="display:none;">
    <input type="hidden" id="f-pres" value="" />
    <input type="hidden" id="f-cate" value="" />
    <input type="hidden" id="f-type" value="" />
    <input type="hidden" id="f-each" value="" />
    <input type="hidden" id="f-term" value="" />
    
    <input type="hidden" id="item-url" value="<?php echo url_for("index/loadItems") ;?>" />
    <input type="hidden" id="cate-url" value="<?php echo url_for("index/loadCategory") ;?>" />
    <input type="hidden" id="down-url" value="<?php echo url_for("index/download") ;?>" />
</div>
<script type="text/javascript">
    $(function(){ $('.colleft').equalHeights(); });
</script>

